<!DOCTYPE html>
<html lang="en">
<!--<head>-->
<meta charset="UTF-8">
<title>购买分数</title>
<link rel="stylesheet" href="chargingMessage/css/purchase.css">
<link rel="stylesheet" href="chargingMessage/css/btn.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/HashMap.js"></script>
<script type="text/javascript" src="js/i4common.js"></script>
<script type="text/javascript" src="js/QWebChannel.es2015.js"></script>
<script type="text/javascript" src="js/mac.js"></script>
<script type="text/javascript" src="js/ajax/base.js"></script>
<script type="text/javascript" src="js/ajax/chargingAjax.js"></script>
<script type="text/javascript" src="chargingMessage/js/purchase.js"></script>
<script type="text/javascript" src="js/vConsole.js"></script>
<body oncontextmenu='return i4common.mouseRightEvent();' ondragstart="return false" onselectstart="return false"
      onselect="return false" oncopy="return false"
      onbeforecopy="return false" onmouseup="return false" style="margin:0;padding:0;height: 368px;background: white">
<!--<body style="margin:0;padding:0;height: 368px;background: white">-->
<div class="page">
    <div class="content">
        <div class="type title">优惠套餐</div>
        <div class="type">
            <span class="item activated" price="0" id="one" level="3">
                <div class="num">3 验机分</div>
                <div class="price" id="onePrice">0元</div>
                <div class="discount" id="oneDiscount"></div>
            </span>
            <span class="item" price="0" id="ten" level="20">
                <div class="num">20 验机分</div>
                <div class="price" id="tenPrice">0元</div>
                <div class="discount" id="tenDiscount"></div>
            </span>
            <span class="item" price="0" id="fifty" level="50">
                <div class="num">50 验机分</div>
                <div class="price" id="fiftyPrice">0元</div>
                <div class="discount" id="fiftyDiscount"></div>
            </span>
            <span class="item" price="0" id="hundred" level="100">
                <div class="num">100 验机分</div>
                <div class="price" id="hundredPrice">0元</div>
                <div class="discount" id="hundredDiscount"></div>
            </span>
        </div>
        <div class="deduct">
            <div class="title">可抵扣爱豆</div>
            <div class="deductInfo">
                <span class="balance">爱豆余额(个)<span id="balance"></span></span>
                <span class="select">
                    <span style="margin-right: 48px">选择需要抵扣的爱豆数量</span>
                    <img src="chargingMessage/img/minus.svg" width="12" height="12" id="minus">
                    <input type="text" value="0.0" id="aidou" onKeyUp="value=value.replace(/[^\d\.]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d\.]/g,'')">
                    <img src="chargingMessage/img/plus.svg" width="12" height="12" id="plus">
                </span>
            </div>
        </div>
        <div class="payPrice">
            <div class="title">支付金额</div>
            <div class="price">
                还需支付：
                <b><span id="payPrice"></span>元</b>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="customBtnSecondary" id="back">上一步</div>
        <div id="buy" class="customBtnPrimary">去付款</div>
    </div>
</div>
</body>
<script>
    $(function () {
        Purchase.init();
    });
</script>
</html>
